<template>
	<view class="container">
		<text class="title">记忆力训练游戏规则</text>
		<view class="paragraph">
			欢迎来到记忆力训练游戏，这是一个旨在提高您记忆力的游戏。
		</view>

		<text class="heading">游戏玩法</text>
		<view class="list">
			<view>游戏开始时，一系列的色块会在屏幕上随机出现。</view>
			<view>这些色块只会显示2秒钟，然后隐藏。</view>
			<view>您的任务是记住每个色块的位置。</view>
			<view>在色块消失后，您需要点击它们原来的位置。</view>
			<view>如果您正确地标记出所有色块，您将进入下一个关卡。</view>
			<view>每个关卡的难度会逐渐增加。</view>
		</view>

		<text class="heading">得分规则</text>
		<view class="list">
			<view>每完成一个关卡，您将获得分数。</view>
			<view>分数根据您完成关卡的速度来计算。</view>
			<view>更快的完成时间会获得更高的分数。</view>
		</view>

		<view class="paragraph">祝您玩得开心，顺利提高记忆力！</view>
		<button @tap="goStartGame">开始游戏</button>
	</view>
</template>
<script>
	export default {
		data () {
			return {
				title: 'Hello'
			}
		},
		onLoad () {

		},
		methods: {
			goStartGame (index) {
				uni.navigateTo({
					url: "/pages/shiningBlock/index"
				});
			}
		},
		}
</script>

<style scoped>
	.container {
		display: flex;
		flex-direction: column;
		padding: 20px;
		background-color: #f5f5f5;
		height: 100vh;
	}

	.title {
		font-size: 18px;
		font-weight: bold;
		color: #333;
		margin-bottom: 10px;
	}

	.heading {
		font-size: 16px;
		font-weight: bold;
		color: #333;
		margin: 20px 0 10px;
	}

	.paragraph {
		margin: 10px 0;
	}

	.list view {
		margin-left: 20px;
	}
	
	
</style>